<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px; width: 500px; height: 210px">
	<table data-type="grid" title="简单的grid${rc.contextPath}"
		data-defs="singleSelect:true,collapsible:true,border:true,fit:true,fitColumns:true,
		method:'get',url: 'demo/testdata/grid_data1.json'
		">
		<thead>
			<tr>
				<th data-defs="field:'itemid',width:80">ID</th>
				<th data-defs="field:'productid',width:200">产品名称</th>
				<th data-defs="field:'listprice',width:80,align:'right'">成本</th>
				<th data-defs="field:'unitcost',width:80,align:'right'">单价</th>
				<th data-defs="field:'attr1',width:100">属性</th>
				<th data-defs="field:'status',width:60,align:'center'">状态</th>
			</tr>
		</thead>
	</table>
</div>
<div style="padding: 10px; width: 500px; height: 210px">
	<div data-type="panel" data-defs="iconCls:'icon-ok',border:true,fit:true,headerCls:'bnb'" title="外层是个panel-去除了重复边框"
		style="width: 600px; height: 300px; padding: 0px;">
		<table data-type="grid" title="简单的grid${rc.contextPath}"
			data-defs="singleSelect:true,collapsible:true,border:false,headerCls:'byb',
		fit:true,fitColumns:true,
		method:'get',url: 'demo/testdata/grid_data1.json'
		">
			<thead>
				<tr>
					<th data-defs="field:'itemid',width:80">ID</th>
					<th data-defs="field:'productid',width:200">产品名称</th>
					<th data-defs="field:'listprice',width:80,align:'right'">成本</th>
					<th data-defs="field:'unitcost',width:80,align:'right'">单价</th>
					<th data-defs="field:'attr1',width:100">属性</th>
					<th data-defs="field:'status',width:60,align:'center'">状态</th>
				</tr>
			</thead>
		</table>
	</div>
</div>